<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>我的互动-我爱我的体育</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="/favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css">
    <link rel="stylesheet" href="/assets/kxdrmobile/sui/style.css">
	<script type='text/javascript' src="//g.alicdn.com/tmapp/tida2/2.0.141/tida.js?appkey=23270341" charset='utf-8'></script>
  </head>
  <body>
  <input type="hidden" class="sid" value="{$sid}" />
  <input type="hidden" class="nengli_inc" value="{$nengli_inc}" />
    <!-- page集合的容器，里面放多个平行的.page，其他.page作为内联页面由路由控制展示 -->
    <div class="page-group">
        <!-- 单个page ,第一个.page默认被展示-->
        <div class="page">
            <!-- 标题栏 -->
            <header class="bar bar-nav">
                <a class="icon icon-me pull-left open-panel" href="#">
				<img src="{$user.avatar}" />
				</a>
				<div class="bar-utitle">
				<h4>{$user_title}</h4>
				<p class="mytitle">预测能力：<span class="nengli">{$user.nengli}</span></p>
				</div>
				<div class="bar-uicon">
				<a href="/?m=kxdrmobile&c=metal" class="metal">
				<img src="//img.alicdn.com/imgextra/i3/2631893537/TB2TcVRjXXXXXcxXXXXXXXXXXXX_!!2631893537-2-tae.png_100x100">
				<!-- <span class="float-num">5</span> -->
				</a>
				<a href="/?m=kxdrmobile&c=gift" class="gift">
				{if $gifts.count}
				<span class="float-num">{$gifts.count}</span>
				{/if}
				<img src="//img.alicdn.com/imgextra/i2/2631893537/TB2Ldh9jXXXXXXtXXXXXXXXXXXX_!!2631893537-2-tae.png_100x100"/>
				</a>
				</div>
            </header>

            <!-- 工具栏 -->
            <!-- <nav class="bar bar-tab">
                <a class="tab-item external active" href="#">
                    <span class="icon icon-home"></span>
                    <span class="tab-label">首页</span>
                </a>
                <a class="tab-item external" href="#">
                    <span class="icon icon-star"></span>
                    <span class="tab-label">收藏</span>
                </a>
                <a class="tab-item external" href="#">
                    <span class="icon icon-settings"></span>
                    <span class="tab-label">设置</span>
                </a>
            </nav> -->

            <!-- 这里是页面内容区 -->
            <div class="content">
			 <div class="content-block-title">进行中的比赛</div>
			  <div class="list-block">
				<ul>
				{foreach from=$events item=item key=key}
					<a href="/?m=Kxdrmobile&a=event&id={$key}&sid={$sid}">
					<li class="item-content event" data-eid="{$key}">
					  <div class="item-media"><img src="{$item.pic_url|replace:'http:':''}" width="80"/></div>
					  <div class="item-inner">
						<div class="item-title">{$item.title}</div>
						<div class="item-after " style="font-size:14px">{$item.game_name}</div>
					  </div>
					</li>
					</a>
				{/foreach}
				</ul>
			  </div>
            </div>
        </div>

        <!-- 其他的单个page内联页（如果有） -->
        <div class="page">...</div>
    </div>

    <!-- popup, panel 等放在这里 -->
    <div class="panel-overlay"></div>
    <!-- Left Panel with Reveal effect -->
    <div class="panel panel-left panel-reveal theme-dark">
		 <div class="list-block">
			<ul>
			  <li class="item-content">
				<div class="item-inner">
				  <div class="item-title">{$user_jifen}积分</div>
				  <div class="item-after"><span>兑换奖品</span></div>
				</div>
			  </li>
			  <!-- <li class="item-content">
				<div class="item-inner">
				  <div class="item-title">我的好友</div>
				  <div class="item-after"></div>
				</div>
			  </li> -->
			  <li class="item-content">
				<a class="item-inner close-panel" href="/?m=kxdrmobile&c=user&a=address">
				  <div class="item-title ">领奖地址</div>
				  <div class="item-after"></div>
				</a>
			  </li>
			</ul>
		  </div>
        <div class="content-block">
            <p><a href="#" class="close-panel"><img src="{$codeimg.modules.qrcode_d_o.qrcode_url|replace:'http:':''}" style="width:10rem" /></a></p>
        </div>
    </div>
    <script type='text/javascript' src='/assets/kxdrmobile/sui/config.js' charset='utf-8'></script>
    <script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>
	<script type="text/javascript" src="//g.alicdn.com/msui/sm/0.6.2/js/sm-city-picker.min.js" charset="utf-8"></script>
    <script type='text/javascript' src='/assets/kxdrmobile/sui/my-app.js' charset='utf-8'></script>
  </body>
</html>